import * as echarts from '../../../ec-canvas/echarts';
import Toast from '../../../miniprogram_npm/@vant/weapp/toast/toast';
import Dialog from '../../../miniprogram_npm/@vant/weapp/dialog/dialog'


let echartsdata=[];
function  initData(canvas, width, height, dpr){
  const chart = echarts.init(canvas, null, {
    width: width,
    height: height,
    devicePixelRatio: dpr // 像素
  });
  canvas.setChart(chart);
  let option = {
    legend: {
        orient: 'vertical',
        //图标设置样式
        icon: "circle",
        //位置
        bottom: 'bottom',
        //格式化名字
        formatter: function (name) {
            let arr = [];
            echartsdata.forEach(item => {
                if (item.name == name) {
                    arr.push(name + item.value + 'g');
                }
            });
            return arr.join('');
  }
    },
    series: [
        {
            type: 'pie',
            radius: '50%',
            data: echartsdata,
            label: {
                normal: {
                    show: true,
                    formatter: '{b}{d}%',//模板变量有 {a}、{b}、{c}、{d}，分别表示系列名，数据名，数据值，百分比。{d}数据会根据value值计算百分比
                }
            }
        }
    ]
};
  chart.setOption(option);
  return chart;
}
Page({

  /**
   * 页面的初始数据
   */
  data: {
      info:{},
      imageUrls:{},
      ec:{
        onInit:initData
	  },
	  show:false,
	  hotelId:""
  },

  onClickIcon() {
	console.log(222)
  },

  onClickButton() {
	 this.show=true
	 console.log(this.show)
	 Dialog.confirm({
		//如果不设置selecter时，会报标题中的错误信息
		  // context: this,
		  selector:'#myDialog',
		  title: '欢迎光临',
		  message: '是否订阅该酒店',
		}).then((res) => {
		   console.log(this.hotelId.id)
		   wx.request({
			url: 'http://127.0.0.1:8088/order/insert/'+this.hotelId.id,
			method:'POST',
			header:{
			 'Authorization':wx.getStorageSync('token')	
			},
			success:(result)=>{
			    
			},
			fail:(res)=>{
				console.log(res)
			}
			
		  })
		}).catch((error)=> {
			console.log(22)
		})
  },

  getFoodDetail(){
     wx.navigateTo({
		url: '/pages/food/menu/detail/detail?data='+JSON.stringify(this.data.info)
     })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
	  console.log(options,'xll')
	  this.hotelId=options
      wx.request({
        url: 'http://127.0.0.1:8088/hotel/detail/'+options.id,
        method:'GET',
        header:{
         'Authorization':wx.getStorageSync('token')	
        },
        success:(result)=>{
          let temp=[];
          console.log(result.data.data.imageUrls,"sa")
          if(result.data.data.imageUrls){
            let arr=result.data.data.imageUrls.split(',');
            console.log(arr,"dssd")
            if(arr.length>0){
               arr.forEach(i=>{
                   temp.push('http://xllbyte.top/'+i);
               });
            }else{
              temp.push('http://xllbyte.top/'+arr[0]);
            }
          }else{
            temp.push('http://xllbyte.top/505.jpg');
          }
           this.setData({
              info:result.data.data,
              imageUrls:temp
           });
           echartsdata = [
            {value: result.data.data.preferably, name: '好评'},
            {value: result.data.data.commonly, name: '一般'},
            {value: result.data.data.deprecated, name: '差评'}
        ];
        },
        fail:(res)=>{
            console.log(res)
        }
        
      })
      console.log(this.data)
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
    
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
    
  }
})